<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>酒店 | 支付页面</title>
        <link rel="stylesheet" type="text/css" href="css/init.css"/>
        <link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/payCancel.css">
		<script src="js/moment.js"></script>
        <script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<header>
			<div class="header-title clearfix">
				<div class="lf">
					<a href="homepage.html">
						<img src="img/logo_white.png" alt="" class="logo">
						酒店项目
					</a>
				</div>
				<div class="information gt">
                    <div class="not_login">
                        <a href="register.html" class="turnRegister">
                            登录
                        </a>
                        <a href="login.html" class="turnLogin">
                            注册
                        </a>
                    </div>
                    <div class="user" style="display:none">
                        <a href="" name="a1" style="display:inline-block">
                            <img src="img/4.jpg" class="userHead">
                        </a>
                        <span class="userName"></span>
                        <i class="arrow"></i>						
                        <div class="user-list">
                            <div class="triangle"></div>
                            <ul>
                                <li>
                                    <a id="personal-main" href="userSetting.html"><img src="img/icon_my.png">个人中心</a>
                                </li>
                                <li>
                                    <a href="userSetting.html"><img src="img/icon_setting.png">账户设置</a>
                                </li>
                                <li>
                                    <!-- <a href="login.html#login"> -->
                                    <a class="logout" href="login.html"><img src="img/icon_out.png">退出登录</a>
                                </li>
                            </ul>
                        </div>
                        <a href="payList.html" class="turnMyoder">
                            我的订单
                        </a>
                    </div>
                </div>
			</div>
        </header>
        <div class="payCancel">
            <div class="payCancel_main">
                <div class="payCancel_order">
                    <div class="payCancel_order_title">
                            订单信息
                    </div>
                    <div class="payCancel_order_msg">
                        <ul>
                            <li><span>订单编号：</span> 8769123456</li>
                            <li><span>酒　　店：</span> 西安开元名都大酒店</li>
                            <li><span>房　　型：</span> 豪华大床房</li>
                            <li><span>预定时间：</span> 2016-12-29</li>
                            <li><span>入住时间段：</span> 2017-01-09至2017-01-10</li>
                        </ul>
                    </div>
                </div>
                <div class="payCancel_check_in">
                    <div class="payCancel_check_title">
                            入住信息
                    </div>
                    <div class="payCancel_check_msg">
                        <p><span>客人姓名：</span>  吕璐</p>
                        <p><span>手机号码：</span>  18790761234</p>
                    </div>
                </div>
            </div>
            <div class="cancelBtn">
                取消订单
            </div>
        </div>
        <footer>
            Copyright © 2017 apis.sh All Rights Reserved | 陕ICP备15013925号-3
        </footer>       
    </body>	
	<script src="js/common.js"></script>
	<script src="js/payCancel.js"></script>
</html>
    